<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/top.css">
    <link rel="stylesheet" href="./css/footer.css">
    <link rel="stylesheet" href="./css/order_center.css">
    <!-- 轮播图样式 -->
    <script src="./js/jquery.min.js"></script>
    <script src="./js/order_center.js"></script>
</head>

<body>
    <!-- 页眉区域 -->
    <div class="head">
        <div class="wrapper">
            <h2 class="fl">legochina.cn</h2>
            <span class="fr">欢迎光临 <a href="#">乐购</a> ，请 登陆\ <a href="./login.html">注册</a> </span>
        </div>
    </div>
    <!-- 页眉结束 -->

    <!-- 导航栏区域 -->
    <div class="nav wrapper">
        <h1><img src="./imgs/logo3.png" alt=""></h1>
        <div class="top wrapper clearfix">
            <form action="#" class="fl">
                <input type="text" placeholder="创意玩具">
                <input type="submit" value="">
            </form>
        </div>
    </div>
    <!-- 导航栏接结束 -->

    <!-- 内容区域 -->
    <!-- 内容第一区域 -->
    <div class="content1 wrapper">
        <p>填写并核对订单信息</p>
        <span class="bgspan">收货人信息<i>新增收货地址</i></span>
        <div class="box1">
            <span class="s1">运送 四川</span>
            <span>成都市</span>
            <span>高新区</span>
            <span>天府新谷11号楼1101</span>
            <span>收货人 &emsp; X某某</span>
            <span>联系电话:13385213123 &emsp;</span>
            <span>默认收货地址</span>
        </div>

        <div class="box2">
            <p>更多收货地址</p>
            <span class="s1">运送 四川</span>
            <span>成都市</span>
            <span>高新区</span>
            <span>天府新谷11号楼1101</span>
            <span>收货人 &emsp; X某某</span>
            <span>联系电话: 13385213123&emsp;</span>
            <span>默认收货地址</span>
        </div>
    </div>

    <!-- 内容第二区域 -->
    <div class="content2 wrapper">
        <span class="bgspan">支付方式</span>
        <div class="box1">
            <span class="s1">货到付款</span>
            <span class="s1">微信支付</span>
            <span class="s1">信用卡</span>
            <span class="s1">银行卡</span>
            <span>更多 &gt;&gt;</span>
        </div>
    </div>

    <!-- 内容第三区域 -->
    <div class="content3 wrapper clearfix">
        <span class="bgspan">送货清单 <i>返回购物车修改</i><i>价格说明</i></span>
        <div class="box1">
            <div class="left fl">
                <p>配送方式：</p>
                <span class="s1">顺丰快递</span>
                <p>付款方式：现金</p>
                <p>配送时间: 预计8月30日12：00-16：00送达</p>
            </div>
            <div class="right fr">
                <img src="./imgs/002.jpg" alt="">
                <span>从你的全世界路过</span>
                <span>41.00</span>
                <span>1</span>
                <span>有货</span>
            </div>
        </div>
    </div>

    <!-- 内容第四区域 -->
    <div class="content4 wrapper clearfix">
        <p>发票信息:</p>
        <span>普通发票(电子)</span>
        <span>个人</span>
        <span>明细</span>
        <span style="color: #1080e9;">修改</span>
        <div>
            <span><i>1</i>件商品</span>
            <span>总商品金额<i>41.00</i></span>
            <span>运费<i>6.00</i></span>
            <span>应付总额：<i>47.00</i></span>
        </div>
        <span>配送至: <i>成都高新区三环内天府新谷11号1101</i></span>
        <a class="order_center">提交订单</a>
    </div>

    <!-- 提交订单的弹窗 -->
    <div class="mask_big">
        <div id="pop-up_windows">
            <div class="top">确认付款<span class="fr">X</span></div>
            <div class="buttom">
                <p>是否去提交订单?</p>
                <a>取消</a>
                <a href="./member_center.html" target="_blank">确认</a>
            </div>
        </div>
    </div>

    <div class="content5 wrapper">
        <!-- 魔兽广告 -->
        <div class="ms_advertising"></div>
    </div>
    <!-- 页脚区域 -->
    <div class="footer">
        <div class="top">
            <div class="wrapper">
                <ul>
                    <li><img src="./imgs/222_11.png" alt=""></li>
                    <li><img src="./imgs/222_13(1).png" alt=""></li>
                    <li><img src="./imgs/222_15.png" alt=""></li>
                    <li><img src="./imgs/222_17.png" alt=""></li>
                </ul>
            </div>
        </div>
        <div class="wrapper box1">
            <div class="buttom">
                <ul>
                    <li><a href="#">购物指南</a></li>
                    <li><a href="#">购物流程</a></li>
                    <li><a href="#">发票制度</a></li>
                    <li><a href="#">账户管理</a></li>
                    <li><a href="#">会员优惠</a></li>
                </ul>
                <ul>
                    <li><a href="#">支付方式</a></li>
                    <li><a href="#">货到付款</a></li>
                    <li><a href="#">网上支付</a></li>
                    <li><a href="#">礼品卡支付</a></li>
                    <li><a href="#">银行转帐</a></li>
                </ul>
                <ul>
                    <li><a href="#">订单服务</a></li>
                    <li><a href="#">订单配送查询</a></li>
                    <li><a href="#">订单状态说明</a></li>
                    <li><a href="#">自助取消订单</a></li>
                    <li><a href="#">自助修改订单</a></li>
                </ul>
                <ul>
                    <li><a href="#">退换货</a></li>
                    <li><a href="#">退换货政策</a></li>
                    <li><a href="#">自助申请退换货</a></li>
                    <li><a href="#">退换货进度查询</a></li>
                    <li><a href="#">退款方式和时间</a></li>
                </ul>
                <ul>
                    <li><a href="#">商家服务</a></li>
                    <li><a href="#">商家中心</a></li>
                    <li><a href="#">运营服务</a></li>
                    <li><a href="#">加入尾品汇</a></li>
                </ul>
                <img src="./imgs/logo_00.png" alt="" class="fl">
            </div>
            <p>
                公司简介 | Investor Relations | 网站联盟 | 乐购招商 | 机构销售 | 手机乐购 | 官方Blog | 热词搜索
            </p>
            <p>Copyright (C) 乐购网 2004-2016, All Rights Reserved</p>
        </div>
        <!-- 返回顶部 -->
        <div class="getback"></div>
    </div>